<template>
  <section class="component single-adjusment-detail">
    <el-form :model="model" label-width="100px" ref="model">
      <el-form-item label="客户号" v-show="row.tagType === 'ct'"
        >{{ row.personalId }}
      </el-form-item>
      <el-form-item label="账户号" v-show="row.tagType === 'at'"
        >{{ row.caseNumber }}
      </el-form-item>
      <el-form-item label="新增标签">
        <template v-for="(item, index) in row.addTagNamesArr">
          <span :key="index" class="span-style">{{ item }}</span>
        </template>
      </el-form-item>
      <el-form-item label="删除标签">
        <template v-for="(item, index) in row.delTagNamesArr">
          <span :key="index" class="span-style">{{ item }}</span>
        </template>
      </el-form-item>
      <el-form-item label="调整注记">
        <el-input type="textarea" v-model="row.note" readonly></el-input>
      </el-form-item>
    </el-form>

    <div class="confirm-button">
      <el-button @click="emitClose">关闭</el-button>
    </div>
  </section>
</template>

<script lang="ts">
import { Vue, Component, Emit, Prop } from "vue-property-decorator";
import { Dependencies } from "~/core/decorator";
import { CustomerGroupManageService } from "~/services/domain-service/customer-group-manage.service";
@Component({
  components: {}
})
export default class SingleAdjusmentDetail extends Vue {
  @Dependencies(CustomerGroupManageService)
  private customerGroupManageService: CustomerGroupManageService;
  @Prop() private row;
  private model: any = {};

  @Emit("close") private emitClose() {}
}
</script>
<style lang="less" scoped>
.component.single-adjusment-detail {
  .span-style {
    margin-right: 15px;
    white-space: nowrap;
  }
}
</style>
